<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片标签</title>
</head>
<body>
<!--
    src:指定图片的地址,其值是一个url地址
        一个完整的url地址格式:协议名://域名:端口/应用名[参数]
        其值可以是一个相对路径,也可以是一个绝对路径
    alt:当指定地址的图片不存在时展示的内容
    title:当鼠标悬停在图片上时展示的内容
    width:指定图片宽度
    height:指定图片高度
        对于宽度与高度,只要有任意一个变化,另一个会成比例的随之变化
        如果同时指定宽度与高度,图片会发生变形
        注意点:当图片宽度与高度发生变化时,图片的清晰度也可能发生变化
        在实际开发中,开发者一般不会随意的指定宽度与高度,而是与UI提出需求重新切图
-->
<!--<img src="http://gips3.baidu.com/it/u=3886271102,3123389489&fm=3028&app=3028&f=JPEG&fmt=auto?w=1280&h=960" alt="">-->
<img src="heihei.gif" title="今天天气不错" alt="图片加载失败" width="200px">
<img src="heihei.gif" title="今天天气不错" alt="图片加载失败" width="200px" height="100px">
<img src="heihei.gif" title="今天天气不错" alt="图片加载失败" width="200px" height="400px">
<!--<img src="../images/4.gif">-->
<!--<img src="../images/3.gif">-->
<!--<img src="../images/2.gif">-->
<!--<img src="../images/4.jpg">-->
</body>
</html>